<template>
  <div id="Design">
    <Search class="search"></Search>
    <Nav class="nav"></Nav>
    <Banner class="banner"></Banner>
    <Live class="live"></Live>
    <Painting></Painting>
    <Footer class="footer"></Footer>
  </div>
</template>

<script>
import Search from "../../components/zhy/Search.vue";
import Nav from "../../components/zhy/Nav.vue";
import Banner from "../../components/ycb/Design/bannertop.vue";
import Live from "../../components/ycb/Design/live.vue";
import Painting from "../../components/ycb/Design/painting.vue";
import Footer from "../../components/zhy/Footer.vue";
export default {
  components: {
    Banner,
    Live,
    Painting,
    Search,
    Nav,
    Footer
  }
};
</script>

<style scoped>
.search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.nav{
  position: fixed;
  width: 100%;
  top: .39rem;
  left: 0;
  z-index: 2;
}
.banner,.live{
  margin-top: 1.2rem;
}
.footer {
  position: fixed;
  bottom: -0.01rem;
  left: 0;
  z-index: 2;
}

</style>
